<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../css/mui.min.css">
		<link rel="stylesheet" href="../css/mui.picker.min.css" />
		<link rel="stylesheet" href="../css/iconfont.css">
		<script src="../js/mui.min.js"></script>
		<style>
			.mui-bar-nav ~ .mui-content {
					padding-top: 44px;
					margin-top: 55px;
			}
			.mui-bar-footer ~ .mui-content {
					padding-bottom: 44px;
			}
			.mui-bar-tab ~ .mui-content {
					padding-bottom: 50px;
			}
			.mui-private-seach{float:left; width:100%;}
			.mui-private-seach span{ float:left; width:25%; text-align: center; line-height:58px;}
			.mui-private-seach select{ float:left; width:55%;  border: 1px solid #000000; text-align: center; font-size: 18px; margin-bottom:5px; margin-top:10px; line-height:18px;}
			.mui-private-seach input{ width:55%; margin-top: 9px;}
			.mui-private-seach button{ line-height:26px; margin-top: 9px;}
			.mui-private-box{ border-top: 1px #D1D1D1 dashed; float: left; width: 100%; text-align: center; padding:10px 0;}
			.mui-backdrop {
					position: fixed;
					top: 0;
					right: 0;
					bottom: 0;
					left: 0;
					z-index: 998;
					background-color: rgba(0,0,0,.3);
			}
			.mui-content-padded{ margin: 0;}
			.mui-table-view{background:#f2f2f2;}
			#mui-showwin{
					width:300px;
					position: fixed;
					top:50%;
					left:50%;
					margin-left:-150px;
					margin-top:-150px;
					z-index: 999;
					background-color:#FFFFFF;
					border-radius:8px;
					padding-bottom:20px;
			}
			#mui-showwin2{
					position: fixed;
					top: 0;
					right: 0;
					bottom: 0;
					left: 0;
					z-index: 998;
					background-color: rgba(0,0,0,.3);
			}
			#mui-showwin-close{
				width:30px;
				height:30px;
				line-height:30px;
				text-align: center;
				position:absolute;
				top:0;
				right:0;
				font-size:25px;
			}
			.mui-card-footer{text-align:center;}
			.mui-icon{font-size: 2.5em !important;}
			.mui-icon2{font-size: 1.8em;}
			.mui-table-view-cell{
				color:#187aab !important;
			}
			.mui-input-row{clear: none;}
			.mui-grid-view.mui-grid-9{ background-color:#efeff4;}
		</style>
	</head>
	<body>
		<div class="mui-content">
			<div style="position: relative;">
				<div style="position: absolute; width:80%; right:10%; top:55px; color: #FFFFFF; font-size:25px; text-align: center;">
					海南基层医疗卫生系统
				</div>
				<img src="../images/head-img.png" width="100%" />
			</div>
			<ul class="mui-table-view mui-grid-view mui-grid-9">
					<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
						 <a href="javascript:void(0)" onclick="follow_up('高血压')">
						    <span class="mui-icon icon iconfont">&#xe63f;</span>
						    <div class="mui-media-body">高血压随访</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
					    <a href="javascript:void(0)" onclick="follow_up('糖尿病')">
					        <span class="mui-icon icon iconfont">&#xe648;</span>
					        <div class="mui-media-body">糖尿病随访</div>
					    </a>
					</li>
					<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
					    <a href="javascript:void(0)" onclick="follow_up('肺结核')">
					        <span class="mui-icon icon iconfont" style="font-size: 2.2em !important; margin-bottom: 0.35rem;">&#xe695;</span>
					        <div class="mui-media-body">肺结核随访</div>
					    </a>
					</li>
					<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
						<a href="javascript:void(0)" onclick="follow_up('精神病')">
						    <span class="mui-icon icon iconfont">&#xe728;</span>
						    <div class="mui-media-body">重性精神病</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
						<a href="javascript:void(0)" onclick="follow_up('老年人')">
						    <span class="mui-icon icon iconfont">&#xe60e;</span>
						    <div class="mui-media-body">老年人随访</div>
						</a>
					</li>
					<!-- 暂时不要
					<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
						<a href="javascript:void(0)" onclick="follow_up('健康体检')">
						    <span class="mui-icon icon iconfont">&#xe682;</span>
						    <div class="mui-media-body">健康体检</div>
						</a>
					</li> -->
					<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
						<a href="javascript:void(0)" onclick="follow_up('基本信息')">
						    <span class="mui-icon icon iconfont">&#xe621;</span>
						    <div class="mui-media-body">档案基本信息</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
						<a href="javascript:void(0)" onclick="follow_up('孕产妇')">
						    <span class="mui-icon icon iconfont">&#xe839;</span>
						    <div class="mui-media-body">孕产妇</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
						<a href="javascript:void(0)" onclick="follow_up('儿童健康')">
						    <span class="mui-icon icon iconfont">&#xe62b;</span>
						    <div class="mui-media-body">儿童健康</div>
						</a>
					</li>
					<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4">
						<a href="javascript:void(0)" onclick="Sign()">
						    <span class="mui-icon icon iconfont">&#xe606;</span>
						    <div class="mui-media-body">签到</div>
						</a>
					</li>
			</ul>
		</div>
		<script src="../js/mui.js"></script>
		<script src="../js/mui.picker.min.js"></script>
		<script>
			function Sign(row){
				mui.openWindow({
					url: 'sign.html', 
					id:'sign',
					extras:{
						name:row
					}
				});
			}
			function follow_up(row){
				mui.openWindow({
					url: 'query.html', 
					id:'query',
					extras:{
						name:row
					}
				});
			}
			
		</script>
	</body>
</html>
